<template>
	<el-checkbox v-model="value" @change="onChangeHandler" size="mini"></el-checkbox>
</template>

<script>
	export default {
		name: "PrpertyCheckboxComponent",
		props: [
			"propertyName",
			"propertyValue"
		],
		beforeMount() {
			this.value = this.propertyValue;
		},
		data() {
			return {
				value: "",
			}
		},
		methods: {
			onChangeHandler: function() {
				this.$emit("change", this.propertyName, this.value);
			}
		}
	}
</script>

<style>
</style>
